

  <title>文章列表</title>
  
  <div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
      <a lay-href="">主页</a>
      <a><cite>应用</cite></a>
      <a><cite>会员列表</cite></a>
    </div>
  </div>

  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="app-content-list">
        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">会员姓名</label>
            <div class="layui-input-inline">
              <input type="text" name="name" placeholder="请输入会员姓名" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-inline">
              <select name="category">
                <option value="">--请选择分类--</option>
                <option value="学生">学生</option>
                <option value="老师">老师</option>
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">会员卡号</label>
            <div class="layui-input-inline">
              <input type="text" name="cardNo" placeholder="请输入会员卡号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">身份证号</label>
            <div class="layui-input-inline">
              <input type="text" name="card" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">系别</label>
            <div class="layui-input-inline">
              <input type="text" name="department" placeholder="请输入系别" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">专业</label>
            <div class="layui-input-inline">
              <input type="text" name="profession" placeholder="请输入专业" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">年级</label>
            <div class="layui-input-inline">
              <input type="text" name="grade" placeholder="请输入专业" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
              <input type="text" name="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">起始注册时间</label>
            <div class="layui-input-inline">
              <input type="text" name="startDate" id="startDate" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">最终注册时间</label>
            <div class="layui-input-inline">
              <input type="text" name="endDate" id="endDate" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-inline">
              <select name="status">
                <option value="">--请选择--</option>
                <option value="0">0</option>
                <option value="1">1</option>
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>
          

      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          <button class="layui-btn layuiadmin-btn-list" data-type="batchdel">删除</button>
          <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>
          <button type="button" class="layui-btn" id="test1">
            <i class="layui-icon">&#xe67c;</i>批量添加
          </button>
        </div>
        <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> 
        <script type="text/html" id="buttonTpl">
          {{#  if(d.status){ }}
            <button class="layui-btn layui-btn-xs">已发布</button>
          {{#  } else { }}
            <button class="layui-btn layui-btn-primary layui-btn-xs">待修改</button>
          {{#  } }}
        </script>
        <script type="text/html" id="table-content-list">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
        </script>
      </div>
    </div>
  </div>

  <script>
  layui.use('contlist', layui.factory('contlist')).use(['admin', 'contlist', 'table'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,view = layui.view
    ,table = layui.table
    ,form = layui.form;
    
   
    form.render(null, 'app-content-list');
    
    //监听搜索
    form.on('submit(LAY-app-contlist-search)', function(data){
      var field = data.field;
      var formData=layui.formData;
      //执行重载
      table.reload('LAY-app-content-list', {
        where: field
      });
    });
    
    var active = {
      batchdel: function(){
        var checkStatus = table.checkStatus('LAY-app-content-list')
        ,checkData = checkStatus.data; //得到选中的数据

        if(checkData.length === 0){
          return layer.msg('请选择数据');
        }
      
        layer.confirm('确定删除吗？', function(index) {
          
          console.log(checkData);
          //执行 Ajax 后重载
          $.ajax({
            url:"/member/delAll"
            ,type:'post'
            ,contentType:'application/json'
            ,data:JSON.stringify(checkData)
          });
         
          table.reload('LAY-app-content-list');
          layer.msg('已删除');
        });
      }
      
      //添加
      ,add: function(othis){
        admin.popup({
          title: '添加文章'
          ,area: ['550px', '550px']
          ,id: 'LAY-popup-content-add'
          ,success: function(layero, index){
            view(this.id).render('app/content/listform').done(function(){
              form.render(null, 'layuiadmin-app-form-list');
              
              //监听提交
              form.on('submit(layuiadmin-app-form-submit)', function(data){
                var field = data.field; //获取提交的字段
                $.ajax({
                    url:"/member/saveMember"
                    ,type:'post'
                    ,async:false
                    ,data:JSON.stringify(field)
                    ,contentType:'application/json'
                    ,dateType:'json'
                    ,success:function(data){
                      admin.events.refresh();
                    }
                  })
                //提交 Ajax 成功后，关闭当前弹层并重载表格
                //$.ajax({});
                layui.table.reload('LAY-app-content-list'); //重载表格
                layer.close(index); //执行关闭 
              });
            });
          }
        });
      }
    }; 

    $('.layui-btn.layuiadmin-btn-list').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

  });
  </script>
<script>
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    
    //起始日期
    laydate.render({
      elem: '#startRegdata' //指定元素
      ,type: 'datetime'
    });
    //结束日期
    laydate.render({
      elem: '#endRegdata' //指定元素
      ,type: 'datetime'
    });
  });
  </script>
  <script>
    layui.use('upload', function(){
      var upload = layui.upload;
       
      //执行实例
      var uploadInst = upload.render({
         //指定允许上传的文件类型
    
      elem: '#test1'
      ,url: '/member/path' //改成您自己的上传接口
      ,accept: 'file' //普通文件
      ,done: function(res){
        layer.msg('上传成功');
        console.log(res);
      }
   
      });
    });
    </script>